import React from 'react'
import "../../assets/css/center/right/right.scss"
import { Carousel } from 'antd';
import { AudioOutlined } from '@ant-design/icons'
import {
    ZoomInOutlined,
} from '@ant-design/icons';
import { Space } from 'antd';
import Lun from '../lun/Lun';
import Lun2 from '../lun/Lun2';

function Centerright() {

    return (
        <div className='right'>
            <div className='right-a'>
                <div className='right-a-a'>
                    <div className='right-a-a1'>
                        <div className='ahh'>

                        </div>
                    </div>
                    <div className='right-a-a2'>
                        <div className='right-a-a2-a'>
                            <div className='a2-a'>
                                <div className='a2-a1'>
                                    <span>全部</span>
                                    <div className=''>

                                    </div>
                                </div>
                                <div className='a2-a2'>
                                    <input type="text" placeholder='hhhh' className='ss' />
                                </div>
                                <div className='a2-a3'>
                                    <Space>
                                        <ZoomInOutlined />
                                    </Space>
                                </div>
                            </div>
                        </div>
                        <div className='right-a-a2-b'>
                            <ul>
                                <li>邀请函</li>
                                <li>h5模版</li>
                                <li>招聘</li>
                                <li>大暑</li>
                                <li>公众号</li>
                                <li>抽奖</li>
                                <li>旅行相册</li>
                            </ul>
                        </div>
                    </div>
                    <div className='right-a-a3'>
                        <div className='right-a-a3-a'>
                            <div className='a3-a'>
                                <div className='a3-a-a'>
                                    <span id='a1'>18</span><span>/7</span><span id='a2'>2024</span>
                                </div>
                                <div className='a3-a-b'>
                                    <span id='b1'>周四</span> <span id='b2'>农历六月十三</span>
                                </div>
                            </div>
                            <div className='a3-b'>
                                <b>人类月球日</b>
                            </div>
                        </div>
                        <div className='hidden-content-aa'>
                            <span>2024</span><span></span>
                        </div>
                    </div>
                </div>
                <div className='right-a-b'>
                    <Lun></Lun>
                </div>
                <div className='right-a-c'>
                    <Lun2></Lun2>
                </div>
                <div className='right-a-d'>
                    
                </div>
                <div className='right-a-e'>
                    <img src="../src/assets/image/6.webp" alt="" style={{ width: "100%", height: "150px" }} />
                </div>
            </div>
            <div className='right-b'>

            </div>
            <div></div>
            <div></div>
            <div></div>

        </div>
    )
}

export default Centerright
